<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@include file="../common/jspcommon.jsp"%>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript">
$(function() {
		
		$("#pager").pager({ pagenumber: ${visitorModel.currentPage}, 
			pagecount: ${visitorModel.totalPage},
			buttonClickCallback: function(page){
				$("#content_detail").load("friendVisitorFamily.htm?page="+page);
			}
		});
		
	});
	
	
</script>
<div class="h_main2">
	<div class="h_data">
		<h2>
			我家的邻居
		</h2>
		<div class="h_newNews">
			<ul>
				<li id="newNews1" onclick="friend();">
					<a>我家的邻居</a>
				</li>
				<li id="newNews2" class="h_newNewsHover">
					<a>访问脚印</a>
				</li>
				<!-- 
					<span><a href="#">邀请朋友加入</a> </span>
					 -->
				<div class="clear"></div>
			</ul>
			<div class="clear"></div>
		</div>
		<div class="h_newNews_box">
			<div class="h_newNews_text" id="con_newNews_1"
				style="display: block;">
				<div class="data_h_newNews_nav">
					<a href="javascript:void(0);" id="friend_visitor_member"
						onclick="friendVisitor('1')">谁来看过我家</a>|
					<a id="friend_visitor_family" href="javascript:void(0);"
						class="current">我去看过谁家</a>
				</div>
				<div class="h_friends_list">
					<c:choose>
						<c:when test="${visitorModel.totalRecord < 1}">
							<div style="margin-left: 15px;font-size: 14px;margin-top: 10px;">我没有去过任何人家</div>
						</c:when>
						<c:otherwise>
							<ul>
								<c:forEach items="${visitorModel.list}" var="visitor">
									<li>
										<div class="newsList_img2 fl">
											<div class="own_img"
												onclick="seeOtherFamily('${visitor.doorplate}')">
												<img src="${visitor.familyAvatar}" width="58" height="58"
													alt="我的邻居" />
											</div>
		
										</div>
										<a href="javascript:void(0);"><c:out
												value="${visitor.visitUsername}" /> </a>
										<em><fmt:formatDate value="${visitor.gmtModified}" pattern="yyyy-MM-dd HH:mm" /></em>
									</li>
								</c:forEach>
								<div class="clear"></div>
							</ul>
						</c:otherwise>
					</c:choose>
					
					<div class="clear"></div>
				</div>

			</div>

		</div>
	</div>
	<c:if test="${visitorModel.totalRecord > 0}">
		<div class="h_page" id="pager"></div>
	</c:if>
</div>

